<style>
    @media (min-width: 992px) {
        .navbar {
            height: 77px;
        }
    }
</style>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="content_box" style="display: flex;">
        <a class="navbar-brand " href="/index.html">
            <img src="https://gamesres.ultralisk.cn/ulwebfile/view/static/img/header_logo2.png" alt="" loading="lazy" style="width: 200px;height: 57px;">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse  justify-content-end" id="navbarSupportedContent">
            <ul class="navbar-nav ">
                <li class="nav-item">
                    <a class="nav-link nav_home" href="../index.html">雷兽游戏</a>
                </li>
                <li class="nav-item nav_news">
                    <a class="nav-link " href="./news.html">雷兽动态</a>
                </li>
                <li class="nav-item nav_introduction ">
                    <a class="nav-link" href="./introduction.html">雷兽简介</a>
                </li>
                <li class="nav-item nav_recruit">
                    <a class="nav-link " href="./recruit.html">雷兽招聘</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<script>
    $(function () {
        let nowYear = new Date().getFullYear()
        let pathname = location.pathname.match(/pages\/(\S*).html/)[1]
        $(`.nav_${pathname}`).addClass("active")
    })
</script>